$(function() {
	function cateinit() {
		$.ajax({
			url: BigNew.category_list,
			dataType: 'json',
			success: function(res) {
				console.log(res);
				if (res.code == 200) {
					$('#selCategory').html(template('cateTemp', res));
				}
			}
		});
	}
	cateinit();
	let page = 1; //当前页码
	let perpage = 10; //一页显示10条
	function init() {
		$.ajax({
			type: 'get',
			url: BigNew.article_query,
			// 传入分页参数
			data: {
				page,
				perpage,
				type: $('#selCategory').val(),
				state: $('#selStatus').val()
			},
			dataType: 'json',
			success: function(res) {
				console.log(res);
				if (res.code === 200) {
					$('tbody').html(template('articleTemp', res.data));
					setPage(page, res.data.totalPage); //totalPage后台的总页数
				}
			}
		});
	}
	init();
	function setPage(pageCurrent, total) {
		$('.pagination').bootstrapPaginator({
			bootstrapMajorVersion: 3,
			currentPage: page,
			totalPages: total,
			onPageClicked: function(event, originalEvent, type, cpage) {
				// cpage:就是用户当前所单击的页码，我们就需要获取这个页码所对应的分页数据
				// 把当前点击的页码赋值给全局页码变量, 再调用ajax,渲染页面
				// console.log(cpage)
				// 将当前用户所单击的页码重置全局的页码
				page = cpage;
				// 根据现在的页码重新发起ajax请求并实现动态渲染
				init();
			}
		});
	}
	// 筛选
	$('#btnSearch').on('click', function(e) {
		e.preventDefault();
		// 获取下拉列表所选择的数据，是通过value属性
		// 如果用户没有设置value属性，则获取option标签之间的值
		page = 1;
		init();
	});
	// 点击发表文章,左侧的导航栏跟着改样式
	$('#release_btn').click(function() {
		$('.level02>li:eq(1)', window.parent.document).addClass('active').siblings().removeClass('active');
	});

	// 文章的删除
	$('tbody').on('click', '.deletebtn', function() {
		let id = $(this).data('id');
		$.ajax({
			type: 'post',
			url: BigNew.article_delete,
			data: { id },
			dataType: 'json',
			success: function(res) {
				console.log(res);
				if (res.code === 204) {
					alert(res.msg);
					// 解决删除和分页的bug
					if ($('tbody', find('tr').length === 1)) {
						if (page > 1) {
							--page;
						}
					}
					// 刷新
					init();
				}
			}
		});
	});
});
